/* 滚动条宽度 */
::-webkit-scrollbar { width: 8px;height: 8px; background-color: transparent; }

/* 滚动条颜色 */
::-webkit-scrollbar-thumb { background-color: #A8A8A8; }

.tableDom ul, .tableDom li {display: inline-flex;box-sizing: border-box;padding: 5px;}

.tableDom { display: block;overflow: hidden;border: 0px;box-sizing: border-box;background-color: #dbe4f6;transform-box: revert; padding-right: 10px; /*预留给滚动条的*/}

.tableDom table { width: 100%; height: 100%; border: 0px;line-height: 22px; /* 设置无间隙 */ border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; }

.tableDom table th, .tableDom table td { color: black; text-align: left; font-size: 12px; border: 1px solid lightgray;border-collapse: collapse; padding-left: 5px;overflow: hidden;white-space: nowrap; }

.tableDom table thead {width: calc(100% - 8px); background-color: #dbe4f6;text-align: left;font-weight: bolder;height: 40px; font-size: 14px;}

.tableDom table thead th {height: 40px;}

.tableDom table tbody { display: block; width: calc(100% + 8px); /*这里的8px是滚动条的宽度*/ height: calc(100%); overflow-y: scroll; -webkit-overflow-scrolling: touch; background-color: #ffffff;}

.tableDom table tr, .tableDom table tr { box-sizing: border-box; table-layout: fixed; display: table; width: 100%; }

/*渐变色行*/
/*table tbody tr:nth-of-type(odd) { background: #FAFAFA; }*/
/*table tbody tr:nth-of-type(even) { background: rgba(194, 188, 188, 0.25); }*/
/*鼠标放上去后背景颜色*/
.tableDom table tbody tr:hover {background: rgba(98, 143, 139, 0.51);}

.tableDom table tbody .tdh:hover {overflow: visible;background-color: yellow;padding-right: 5px;white-space: pre-wrap; /* 定义换行 */ word-break: break-all; /* 定义断行 */}

.tableDom table th, .tableDom table td {box-sizing: border-box; border-top: none; border-left: none; /*border-right: none;*/}
